<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>首页</title>
		<link rel="stylesheet" type="text/css" href="../css/reset.css" />
		<link rel="stylesheet" type="text/css" href="../css/swiper.min.css" />
		<link rel="stylesheet" type="text/css" href="../css/commno/common.css" />
		<link rel="stylesheet" type="text/css" href="../css/index.css" />
		<link rel="stylesheet" href="../css/iconfont.css" />
	</head>

	<body>
		<!--头部-->
		<div class="header">
			<div class="logo">
				<div class="logoImg">
					<a href="index.html"><img src="../img/logo.png" /></a>
				</div>
			</div>
			<!--导航栏-->
			<ul class="nav clearfix">
				<li class="fl">
					<a href="company's.html">集团简介</a>
				</li>
				<li class="fl">
					<a href="">项目简介</a>
					<ul class="groupResume">
						<li>
							<a href="second/intro.html">株洲小巨蛋</a>
						</li>
						<li>
							<a href="second/overall.html">总体规划</a>
						</li>
						<li>
							<a href="second/Fair.html">展贸中兴</a>
						</li>
						<li>
							<a href="second/zone.html">区位介绍</a>
						</li>
						<li>
							<a href="second/dispatching.html">配送中心</a>
						</li>
						<li>
							<a href="second/International.html">国际公寓</a>
						</li>
						<li>
							<a href="second/Phase.html">二期发展</a>
						</li>
					</ul>
				</li>
				<li class="fl">
					<a href="Family.html">户型介绍</a>
				</li>
				<li class="fl">
					<a href="journalism.html">新闻更新</a>
				</li>
				<li class="fl">
					<a href="projects.html">招商信息</a>
				</li>
				<li class="fl">
					<a href="leave.html">留言联系</a>
				</li>
				<li class="fl clearfix">
					<a href="blogroll.html">友情联系</a>
				</li>
			</ul>
		</div>
		<!--轮播图-->
		<div class="kv">
			<!--图片区-->
			<ul class="swiper-wrapper">
				<li class="swiper-slide">
					<a href=""><img src="../img/index-banner.jpg" /></a>
					<input type="checkbox" id="check" />
					<div class="content_1">
						<div class="videoImg">
							<label for="check"><img src="../img/video1.jpg"/></label>
						</div>
					</div>
					<div class="video">
						<div class="videoBack">
							<video controls>
								<source src="../media/80s.mp4" type="video/mp4"></source>
								<source src="../myvideo.ogv" type="video/ogg"></source>
								<source src="../myvideo.webm" type="video/webm"></source>
								当前浏览器不支持 video直接播放，点击这里下载视频：
								<a href="myvideo.webm">下载视频</a>
							</video>
							<label for="check"><span class="back">x</span></label>
						</div>
					</div>
					<div class="botton">
						<input type="button" name="" id="" value="点击查看一下" />
						<div class="iper">
							<input type="button" name="" id="" value="分享一下" />
							<i class="iconfont icon-ai-share fenx"></i>
							<ul class="fenxi">
								<li>
									<a href="">
										<span>新浪微博</span>
										<img src="../img/xinlang.png" />
									</a>
								</li>
								<li>
									<a href="">
										<span>腾讯微博</span>
										<img src="../img/qq.png" />
									</a>
								</li>
								<li>
									<a href="">
										<span>开心网</span>
										<img src="../img/kx.png" />
									</a>
								</li>
								<li>
									<a href="">
										<span>人人网</span>
										<img src="../img/rr.png" />
									</a>
								</li>
							</ul>
						</div>
					</div>
				</li>
				<li class="swiper-slide">
					<a href="vote.html"><img src="../img/tp.jpg" /></a>
				</li>
			</ul>
			<!--分页器-->
			<div class="swiper-pagination"></div>
		</div>
		<!--主体内容-->
		<div class="content">
			<!--简介-->
			<div class="synopsis">
				<div class="ploy">
					<div class="ploy_two"></div>
					<div class="ploy_sher"><span>NEWS</span></div>
					<span><a href="">在1815线上，将有一座标志性建筑即将拔地而起，这就是被誉为芦淞服饰之窗的服饰演艺发布中心，也就是“株洲小巨蛋”。 ——2013-7-11到2012-7-20</a></span>
				</div>
				<ul class="caption clearfix">
					<li class="caption_1">
						<div><img src="../img/1.jpg" alt="" /></div>
						<h3>株洲小巨蛋官方微信</h3>
						<p>
							<a href="">赶快打开微信扫一扫，添加株洲小巨蛋官方微信，天天有好礼</a>
						</p>

					</li>
					<li class="caption_1">
						<div><img src="../img/2.jpg" alt="" /></div>
						<h3>城市新地标 "小巨蛋"</h3>
						<p>
							<a href="">“台北小巨蛋”因造型独特而闻名。如今，株洲也将建设美轮美奂的“小巨蛋”，打造城市新地标 </a>
						</p>
					</li>
					<li>
						<div><img src="../img/3.jpg" alt="" /></div>
						<h3>株洲小巨蛋-欢迎您的加入</h3>
						<p>
							<a href="">“株洲小巨蛋”还将引进一流演艺团队，成为国内一流的大型服饰发布会、订货会等专业场地</a>
						</p>
					</li>
				</ul>
			</div>
			<div class="project clearfix">
				<h2>项目概括</h2>
				<div><img src="../img/4_10.png" alt="" /></div>
				<dl>
					<dt>项目地址 : 湖南株洲芦淞区枫溪大道东侧</dt>
					<dd>投资商：广州汇美集团</dd>
					<dd>开发商：株洲市汇美房地产开发有限公司</dd>
					<dd>招商热线：0731-22509009或25882589 </dd>
					<dd class="button">
						<button>了解更多详细信息</button>
						<button class="button_2">分享一下<i class="icon-ai-share iconfont"></i>
							<ul class="fenxi">
								<li>
									<a href="">
										<span>新浪微博</span>
										<img src="../img/xinlang.png" />
									</a>
								</li>
								<li>
									<a href="">
										<span>腾讯微博</span>
										<img src="../img/qq.png" />
									</a>
								</li>
								<li>
									<a href="">
										<span>开心网</span>
										<img src="../img/kx.png" />
									</a>
								</li>
								<li>
									<a href="">
										<span>人人网</span>
										<img src="../img/rr.png" />
									</a>
								</li>
							</ul>
						</button>
					</dd>
				</dl>
			</div>
			<!--关注我们-->
			<div class="attention">
				<h2>关注我们</h2>
				<ul class="attention_ul">
					<li class="attention-li_1 clearfix">
						<div class="fl aos">
							<img src="../img/6.jpg" alt="" />
							<div class="wenzi">
								<span>株洲小巨蛋</span>
								<div><img src="../img/weib.png" alt="" /></div>
							</div>
						</div>
						<div class="fl aos">
							<img src="../img/7.jpg" alt="" />
							<div class="wenzi">
								<span>株洲小巨蛋</span>
								<div><img src="../img/weib.png" alt="" /></div>
							</div>
						</div>
						<div class="fl">
							<img src="../img/8.jpg" alt="" />
							<div class="wenzi">
								<span>株洲小巨蛋</span>
								<div><img src="../img/weib.png" alt="" /></div>
							</div>
						</div>
					</li>
					<li class="attention-li_2 clearfix">
						<div class="fl aot">
							<img src="../img/9.jpg" alt="" />
							<div class="wenzi">
								<span>株洲小巨蛋</span>
								<div><img src="../img/weib.png" alt="" /></div>
							</div>
						</div>
						<div class="fl aot2">
							<img src="../img/6.jpg" alt="" />
							<div class="wenzi">
								<span>株洲小巨蛋</span>
								<div><img src="../img/weib.png" alt="" /></div>
							</div>
						</div>
					</li>
				</ul>
			</div>
		</div>
		<!--页脚-->
		<footer class="footer">
			<ul>
				<li><img src="../img/China.png" alt="" /></li>
				<li>中国</li>
				<li>隐私政策</li>
				<li>使用条款</li>
				<li class="footer_Two">COPYRIGHT © 1996-2013 RFC COMMUNICATION TECHNOLOGY CO.LTD.ALL R</li>
			</ul>
		</footer>
		<script src="../js/swiper.min.js "></script>
		<script>
			var kv = new Swiper('.kv', {
				//direction: 'vertical',
				loop: true,
				//自动切换
				//autoplay: true,
				pagination: {
					el: '.swiper-pagination',

				},
			})
			//鼠标滑过pagination控制swiper切换
			for(i = 0; i < kv.pagination.bullets.length; i++) {
				kv.pagination.bullets[i].index = i + 1
				kv.pagination.bullets[i].onmouseover = function() {
					kv.slideTo(this.index);
				};
			}
		</script>
	</body>

</html>